<template>
    <div>
        <table>
            <tr>
                <th>序号</th>
                <th>姓名</th>
                <th>年纪</th>
                <th>操作</th>
            </tr>
            <tr class="na" v-for="(item,index) in data " :key="item.id">
                <td >{{ index +1 }}</td>
                <td>{{ item.name }}</td>
                <td>{{ item.age }}</td>
                <td>
                   <slot :row="item"></slot>
                </td>
            </tr>
        </table>
    </div>
</template>
<style>
.na{
    text-align: center;
}
</style>
<script>
export default {
props:{
    data:Array
}
}
</script>